草庐IT

前端 PM

全部标签

盘点国内外顶级前端技术大会

国内前端大会GMTC全球大前端技术大会GMTC全球大前端技术大会是由极客邦科技旗下InfoQ中国主办的顶级技术盛会,关注移动、前端、AI应用等多个技术领域,促进全球技术交流,推动国内技术升级。GMTC为期2天,主要面向各行业对移动开发、前端、AI技术感兴趣的中高端技术人员,大会聚焦前沿技术及实践经验,旨在帮助参会者了解大前端&移动开发领域最新的技术趋势与最佳实践。官网:https://gmtc.infoq.cn/时间:每年举办一次,每次时间不一样,以官网为准。最近一次为2023.2.6-2.7。D2终端技术大会D2终端技术大会(MobileDeveloper&FrontendDeveloper

【云计算】Docker特别版——前端一篇学会

docker学习文章目录一、下载安装docker(一)Windows桌面应用安装(二)Linux命令安装二、windows注册登录docker三、Docker的常规操作(一)、基本的Docker命令(二)、镜像操作(三)、容器的配置(四)、登录远程仓库四、镜像管理(一)、搜索官方仓库镜像(二)、获取镜像(三)、导出镜像(四)、导入镜像(五)、删除镜像(六)、查看镜像详细信息(七)、上传自己公共仓库五、管理docker容器(一)、容器的启用/停止(二)、进入容器的方法(三)、容器与主机间的数据传输六、docker数据卷的管理(一)、挂载时创建卷(二)、提前创建数据卷七、项目实战(附录)1,安装S

前端高频面试题 js中堆和栈的区别和浏览器的垃圾回收机制

一、栈(stack)和堆(heap)栈(stack):是栈内存的简称,栈是自动分配相对固定大小的内存空间,并由系统自动释放,栈数据结构遵循FILO(firstinlastout)先进后出的原则,较为经典的就是乒乓球盒结构,先放进去的乒乓球只能最后取出来。堆(heap):是堆内存的简称,堆是动态分配内存,内存大小不固定,也不会自动释放,堆数据结构是一种无序的树状结构,同时它还满足key-value键值对的存储方式;我们只用知道key名,就能通过key查找到对应的value。比较经典的就是书架存书的例子,我们知道书名,就可以找到对应的书籍。栈的特点:开口向上、速度快,容量小;堆的特点:速度稍慢、容

前端页面性能优化指标

前端页面性能优化指标一、有哪些指标LCP(LargestContentfulPaint)FID(FirstInputDelay)CLS(CumulativeLayoutShift)INP(InteractiontoNextPaint)其他类指标二、如何度量计算这些指标?1、使用Chrome插件--web-vitals-extension来获取这些指标2、ChromeDevTools3、PerformanceTimelineAPI4、实例计算三、如何优化页面1、LCP(LargestContentfulPaint)优化如何改善LCP?优化服务器优化阻断渲染的资源优化资源加载时间实例1)将大图片进

前端vue elementUI upload上传组件封装&多文件上传&进度条,后端servlet request.getPart()接收文件信息

vueupload组件选中多个文件上传通过axios请求onUploadProgress方法监听on-progresson-success用这两个钩子函数实现进度条下面有对应的函数。本文是每个文件一个请求上传也可以用一个请求上传多个文件,需要将文件遍历添加到form表单中,后端用request.getParts();获取集合,有需要的可以改造一下。官网地址:https://element.eleme.cn/#/zh-CN/template>div>!--multiple允许上传多个文件-->el-upload:disabled="defaultDisabled"ref="upload":mul

前端篇(第二节)-使用npm安装pnpm

pnpm安装一、安装教程1、npm全局安装pnpm二、查看镜像地址三、其他命令1、设置镜像地址2、设置包存放地址3、查询包存放地址一、安装教程1、npm全局安装pnpm执行下面命令安装pnpmnpminstall-gpnpm提示npm版本过低执行下面命令升级npmnpminstall-gnpm@9.8.0重新执行下面命令安装pnpmnpminstall-gpnpm执行下面命令查询pnpm是否安装成功pnpm-v二、查看镜像地址执行下面命令pnpmconfiggetregistry访问https://registry.npm.taobao.org会跳转到https://registry.npmm

手把手教会你!如何快速在VSCode创建一个VUE项目|前端菜鸟进阶版

对于刚上手的朋友,我们可以先来了解一下什么是vue:VUE:渐进式javaScript框架。什么是JS(JavaScript):我封装好一个函数,这个函数可以给其他人调用,这个就是一个js什么是框架:框架的规则。在项目开始创建之前,我们需要做好以下几点准备,具体操作可在官网下载。前提条件:已安装16.0或更高版本的 Node.js已搭建好vue脚手架工具配置好环境变量那么下面我们开始在VSCode创建一个VUE项目:1.桌面创建一个空的文件夹,在这里我将它命名为test1  2.打开VSCode界面,菜单栏-终端-新建终端  3.在界面底部的终端窗口中输入:npminitvue@latest 

前端小练习:案例4.3D图片旋转展示(旋转木马)

一.效果预览图二.实现思路 1.实现旋转木马效果的第一步是先准备好自己需要的图片,创建html文件2.旋转木马的实现,关键点在3D形变和关键帧动画。3.步骤,定义一个div使其居中,,把图片放进div盒子里,因为图片需要3D形变,所以要给div设置3D环境,给图片设置定位或者使用弹性布局使其在相对的位置,要控制图片一定要在div中,否则关键帧动画旋转的时候整体会是倾斜的,根据图片的数量,合理控制图像的旋转角度,(通常使用360度/图片数量=需要旋转的角度),最后设置z轴的移动距离和关键帧动画。三.相关代码 Document*{margin:0;padding:0;perspective:500

前端性能分析工具——Lighthouse

1、谷歌插件lighthouse的基本介绍Lighthouse是一个网站性能测评工具,它是GoogleChrome推出的一个开源自动化工具,能够对PWA和网页多方面的效果指标进行评测,并给出最佳实践的建议以帮助开发者改进网站的质量。它的使用方法也非常简单,我们只需要提供一个要测评的网址,它将针对此页面运行一系列的测试,然后生成一个有关页面性能的报告。通过报告我们就可以知道需要采取哪些措施来改进应用的性能和体验。2、lighthouse使用指南在高版本(应该是 >=60)的Chrome浏览器中,Lighthouse已经直接集成到了调试工具DevTools中了,因此不需要进行任何安装或下载。按 F